<template lang="pug">
  div.body
    top
    mid
    foot
</template>

<script>
import top from './BaiDu/Top/top'
import mid from './BaiDu/Mid/mid'
import foot from './BaiDu/Foot/foot'

export default {
  name: 'BaiDu',
  data () {
    return {
    }
  },
  components: {
    foot,
    top,
    mid
  }
}
</script>

<style lang="stylus">
*
  margin 0
  padding 0
html,body
  width 100%
  height 100%
.body
  height 100%
  width 100%
  position: relative;
  overflow hidden
@media screen and (max-width: 700px)
  .body
    width 700px
@media screen and (max-height: 500px)
  .body
    height 500px
</style>
